<!DOCTYPE html>
<html class="no-js">
<head> 
        <title>Inicio</title> 
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="viewport" content = "user-scalable=no, width=device-width"/>
		
		<!-- ESTILOS --->
		<link rel="shortcut icon" href="Cliente/Imagenes/favicon.ico"> 
        <link rel="stylesheet" href="Cliente/Estilo/bootstrap.min.css">        <!--+--->
        <link rel="stylesheet" href="Cliente/Estilo/font-awesome.css">         <!--iconos--->
        <link rel="stylesheet" href="Cliente/Estilo/template.css">     <!--+--->
	    <link rel="stylesheet" href="Cliente/Estilo/login.css">
		<link rel="stylesheet" href="Cliente/Estilo/estructura.css">		
		

		<!-- LIBRERIAS -->		
		<script src="Cliente/Scripts/Librerias/modernizr-2.6.1-respond-1.1.0.min.js"></script>  <!--+--->
		<script type="text/javascript" src="Cliente/Scripts/Librerias/jquery-1.7.1.min.js"></script> <!--+--->
		<script src="Cliente/Scripts/Librerias/bootstrap.js"></script>  <!--+--->	
		
		<!-- SCRIPTS -->				
		<script type="text/javascript" src="Cliente/Scripts/home.js"></script>		
		
							
</head>
	<body>
		
	    <? include $APP->header;?>
		<div class="todo">
			<div class="container">				
				<div id="wizard">
				<div class="visible-sm visible-xs">Hola  <?=$var['nombre']?>!</div>	
				<div class="col-md-6 col-sm-12 hidden-sm hidden-xs" style="padding-left: 5px; padding-right: 5px;">					
					
				
					<div class="bienvenida col-md-12 col-sm-12" >
           					<br>
							Hola  <?=$var['nombre']?>!
					</div>	
					<div class="nubedesvanece"></div>
					<div class="nube col-md-12 col-sm-12">
											
						<i class="fa fa-cloud"></i> <br>
						Nube de productos<br>
						
						<br>
						<?=$var['nube']?>						
					</div>
			
				</div>
				
				<div class="col-md-6" style="padding-left: 5px; padding-right: 5px;">
					<div class="col-md-4 col-sm-4 " style="padding-left: 5px; padding-right: 5px;">
						<a href="mis-trueques">	
							<div id="trueques" class="opcion"> <i class="fa fa-exchange"></i><br> 
							<span>Mis <br>trueques</span><br>
							<span class="numero">(<?=$var['cantidadTruequesFinalizados']?>/<?=$var['cantidadTrueques']?>)</span>
							</div>
						</a>
					</div>
					<div class="col-md-4 col-sm-4" style="padding-left: 5px; padding-right: 5px;">
						<a href="mis-propuestas">
							<div id="propuesta" class="opcion"><i class="fa fa-flag"></i><br> 
							<span>Mis<br> propuestas</span><br>
							<span class="numero">(<?=$var['cantidadPropuestas']?>)</span>
							</div> 
						</a> 
					</div>
					<div class="col-md-4 col-sm-4" style="padding-left: 5px; padding-right: 5px;">
						<a href="Cliente/Recursos/ICOS-Manual-de-Usuario.pdf">
							<div id="ayuda" class="opcion"><i class="fa fa-question-circle"></i><br>
							<span>Ayuda</span><br>	
							</div>
						</a> 
					</div>
				
					<div class="col-md-8 col-sm-6" style="padding-left: 5px; padding-right: 5px;">
						<a href="mis-productos">
							<div id="producto" class="opcion"><i class="fa fa-cubes"></i><br>  
							<span>Mis productos/servicios</span><br>
							<span class="numero">(<?=$var['cantidadProductos']?>)</span>
							</div>
						</a>
					</div>
					<div class="col-md-4 col-sm-6" style="padding-left: 5px; padding-right: 5px;">
						<a href="estadisticas">
							<div id="estadisticas" class="opcion"><i class="fa fa-bar-chart-o"></i><br> 
							<span>Estadísticas</span>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-sm-12" style="padding-left: 5px; padding-right: 5px;">
						 <a href="buscador">
							<div id="buscador" class="opcion"><i class="fa fa-search"></i><br>  
							<span>Buscar </span><br>
							<span style="font-size:15px;">Elegi entre todos los productos disponibles!</span>
							</div> 
						 </a>
					</div>
				</div>
				
				</div>			
			</div>
		</div>
			<? include $APP->footer;?>
	</body>
</html>